<template>
	<view>
		
		  <view class="codefun-flex-row codefun-justify-between codefun-items-end group_4">
		    <view class="font_2">{{noteList.notetitle}}</view>		   
		  </view>
		  <view class="codefun-self-start font_3 text_3" v-for="item in tags">#{{item.tagname}}</view>
		  <view class="codefun-self-start section_2"></view>
		  <view class="codefun-self-start font_4 text_4">{{noteList.time}}</view>
		
	</view>
</template>

<script>
	export default {
		name:"mynote",
		
		props:{
			noteList:{
				type:Object,
				default:''
			}
		},
		data() {
			return {
				tags:[]
			};
		},
		created() {
				let that = this
		console.log("打印")
				uni.request({
					url: '/note/getTagByNoteId/' + that.noteList.id,
					method: 'GET',
		
					success: (res) => {
						that.tags=res.data
						console.log("获取他跟"+res.data)
		
					}
				})
				
			},
	}
</script>

<style lang="scss">
.list-item {
        padding: 24.42rpx 20.93rpx 31.4rpx;
        background-color: #fbfafff5;
        border-radius: 17.44rpx;
        border: solid 10.47rpx #abb9fff5;
        .group_4 {
          margin-left: 6.98rpx;
          .font_2 {
            font-size: 59.3rpx;
            font-family: SourceHanSansCN;
            line-height: 71.51rpx;
            color: #564aba;
          }
          .image_3 {
            width: 108.14rpx;
            height: 108.14rpx;
          }
        }
        .font_3 {
          font-size: 24.42rpx;
          font-family: SourceHanSansCN;
          line-height: 24.42rpx;
          color: #7e77b8;
        }
        .text_3 {
          margin-left: 20.93rpx;
          margin-top: 17.44rpx;
        }
        .section_2 {
          margin-top: 13.95rpx;
          background-color: #adbbfe;
          width: 542.44rpx;
          height: 6.98rpx;
        }
        .font_4 {
          font-size: 24.42rpx;
          font-family: SourceHanSansCN;
          line-height: 18.31rpx;
          color: #7e77b8;
        }
        .text_4 {
          margin-left: 17.44rpx;
          margin-top: 27.91rpx;
        }
      }
</style>